<template>
    <div class="contents">
        <div class="growhead" color="#000">
			<van-nav-bar
			title="专题"
			left-text="返回"
			left-arrow
			@click-left="onClickLeft"
			/>
		</div>
        <nav class="nav">
            <ul>
                <router-link tag="li" to="specialall">全部</router-link>
                <router-link tag="li" to="spaceinsp">空间灵感</router-link>
                <router-link tag="li" to="hotspot">装修热点</router-link>
                <router-link tag="li" to="hotyear">年度最热</router-link>
            </ul>
        </nav>
				<router-view></router-view>
    </div>
</template>


<script>
import Vue from 'vue'
import Header from './Header'
import { NavBar,Tab, Tabs  } from 'vant';

Vue.use(Tab).use(Tabs);
Vue.use(NavBar);
export default {
	data () {
        return {
            
        }
	},
	methods: {
	  onClickLeft () {
		this.$router.go(-1);
	  }
	},
	components: {
		Header
	}
}

</script>

<style lang="scss" scoped="scoped">
.nav{
    margin-top:0.1rem;
    ul{
        display: flex;
        li{
            flex: 1;
            text-align: center
        }
        .router-link-exact-active.router-link-active{
	        color: #435b99!important;
        }
    }
}

</style>